<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <script type="text/javascript">
            var baseurl = "<?php
$this->load->helper('url');
print base_url();
?>";
        </script>
        <title>Citportal Login</title>
        <?php include 'style/stylesheet.html'; ?>
        <!--<script type="text/javascript" src="public/ajax/citportal.js"></script>-->
    </head>
<!--    <script>
        function check(){
            var username = document.getElementById('username').value;
            var password = document.getElementById('password').value;
            if(username == ''){
                alert("please enter your username!");
            }else{
                if(password == ''){
                    alert("please enter your password!");
                }
            }
        }
    </script>-->
    <body id="home">
        <?php include 'public/include/web/head_nav.php'; ?>
        <div class="container nopad">
            <div class="row"  style="margin-bottom: 20px">
                <div class="eight columns" style="border: 2px;
                     border-style: solid;
                     padding: 20px;
                     border-color: #ddd;
                     -webkit-border-radius: 5px;
                     margin: 15px;
                     background-color: white">
                    <h4 style="text-align: left"><strong>Sign In</strong></h4>
                    <hr>
                    <form style="margin: 0px; text-align: left; overflow: hidden" action="<?php echo base_url('login/verify_login'); ?>">
                        <ul  style="text-align: left; overflow: hidden">
                            <li class="field">
                                <label class="inline" for="username">Username</label>
                                <input class="xwide text input" name="username" id="username" type="text" placeholder="Username" />
                            </li>
                            <li class="field">
                                <label class="inline" for="password">Password&nbsp;</label>
                                <input class="xwide text input" id="password" name="password" type="password" placeholder="password" />
                            </li>
                            <li><span style="color: red"><?php echo $this->session->flashdata('fail'); ?></span></li>
                            <li>
                                <div class="medium dark btn"><input type="submit" value="Login" /></div>
                            </li>
                        </ul>
                    </form>
                </div>
                <div class="five columns">
                    <div style="border: 2px;
                         border-style: solid;
                         padding: 8px 20px 8px 20px;
                         border-color: #ddd;
                         -webkit-border-radius: 5px;
                         margin: 15px;
                         background-color: white">
                        <h5 style="text-align: left; margin-bottom: 10px">Application</h5>
                        <ul id="sidebar-link" style="text-align: left">

                            <li><a href="signup" target="_self"><i class="icon-user-add"></i>&nbsp;&nbsp;&nbsp;&nbsp;Sign Up</a></li>
                            <li><a href="citportal"><i class="icon-reply"></i>&nbsp;&nbsp;&nbsp;&nbsp;Back to Home</a></li>
                        </ul>
                    </div>
                    <div style="border: 2px;
                         border-style: solid;
                         padding: 20px;
                         border-color: #ddd;
                         -webkit-border-radius: 5px;
                         margin: 15px;
                         background-color: white">
                        <h5 style="text-align: left; margin-bottom: 10px">Contact</h5>
                        <ul id="sidebar-link" style="text-align: left">
                            <li><a href="mailto: myra@cse.unl.edu"><i class="icon-mail"></i>Myra Cohen: myra@cse.unl.edu</a></li>
                            <li><a target="_blank"><i class="icon-phone"></i>Phone: 402-472-2305</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="container shaded" style="padding-top: 4px; padding-bottom: 4px">
                <footer class="row" id="credits">
                    <!--<div class="nine columns">-->
                    <div class="disclaimer" style="font-size: 12px">Acknowledgments</div>
                    <p class="disclaimer">This material is based upon work supported by the
                        National Science Foundation under CAREER Award 
                        <a href="http://nsf.gov/awardsearch/showAward.do?AwardNumber=0747009"
                           target="_blank">CCF-0747009</a> and the Air Force Office of Scientific Research through a Young Investigator
                        Program Award #FA9550-09-1-0129.Any opinions, findings, and conclusions or recommendations
                        expressed in this material are those of the author(s) and do not necessarily reflect
                        the views of the National Science Foundation or the
                        Air Force Office of Scientific Research.</p> 
                    <!--</div>-->
                    <div class="disclaimer"> 
                        <span id="university"> 
                            <a href="http://www.unl.edu" target="_blank"><img alt="UNL" src="public/images/unl.png" class="organization-logo"/> </a> 
                        </span> 
                        <span id="nsf"> 
                            <a href="http://www.nsf.gov" target="_blank"><img alt="National Science Foundation" src="public/images/nsf.gif" class="organization-logo" /></a> 
                        </span> 
                        <span id="lab"> 
                            <a href="http://esquared.unl.edu" target="_blank"><img alt="E2 Lab" src="public/images/e2.png" class="organization-logo" /></a> 
                        </span> 
                    </div>
                </footer>
            </div>
    </body>
</html>
